html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

@media print{
  html, body{
    height: auto;
    overflow: visible;
  }
}

html, body, ul, li, h1, h2, h3, h4, h5, h6, p, textarea, input{
  margin: 0;
  padding: 0;
}

h1{font-size: 24;}
h2{font-size: 20;}
h3{font-size: 18;}
h4{font-size: 16;}
h5{font-size: 14;}
h6{font-size: 12;}

// ul, li{
//   list-style: none;
// }

a, a:hover, a:active{
  color: inherit;
  text-decoration: none;
}

img{
  display: block;
}

/* 鼠标*/
.cursor{
  cursor: pointer;
}

/*显式隐藏*/
.hide{
  display: none !important;
}

/*对齐*/
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
/*字体大小*/
.text-0{font-size: 24px;}
.text-1{font-size: 20px;}
.text-2{font-size: 18px;}
.text-3{font-size: 16px;}
.text-4{font-size: 14px;}
.text-5{font-size: 12px;}
.text-6{font-size: 10px;}
/*字体颜色*/
.gray-1{color: #ffffff;}
.gray-2{color: #fafafa;}
.gray-3{color: #f5f5f5;}
.gray-4{color: #f0f0f0;}
.gray-5{color: #d9d9d9;}
.gray-6{color: #bfbfbf;}
.gray-7{color: #8c8c8c;}
.gray-8{color: #595959;}
.gray-9{color: #434343;}
.gray-10{color: #262626;}
.gray-11{color: #1f1f1f;}
.gray-12{color: #141414;}
.gray-13{color: #000000;}

/*外边距*/
.m-4{margin: 4px;}
.m-8{margin: 8px;}
.m-12{margin: 12px;}
.m-16{margin: 16px;}
.m-20{margin: 20px;}
.ml-4{margin-left: 4px;}
.ml-8{margin-left: 8px;}
.ml-12{margin-left: 12px;}
.ml-16{margin-left: 16px;}
.ml-20{margin-left: 20px;}
.mr-4{margin-right: 4px;}
.mr-8{margin-right: 8px;}
.mr-12{margin-right: 12px;}
.mr-16{margin-right: 16px;}
.mr-20{margin-right: 20px;}
.mt-4{margin-top: 4px;}
.mt-8{margin-top: 8px;}
.mt-12{margin-top: 12px;}
.mt-16{margin-top: 16px;}
.mt-20{margin-top: 20px;}
.mb-4{margin-bottom: 4px;}
.mb-8{margin-bottom: 8px;}
.mb-12{margin-bottom: 12px;}
.mb-16{margin-bottom: 16px;}
.mb-20{margin-bottom: 20px;}
.mlr-4{margin-left: 4px;margin-right: 4px;}
.mlr-8{margin-left: 8px;margin-right: 8px;}
.mlr-12{margin-left: 12px;margin-right: 12px;}
.mlr-16{margin-left: 16px;margin-right: 16px;}
.mlr-20{margin-left: 20px;margin-right: 20px;}
.mtb-4{margin-top: 4px;margin-bottom: 4px;}
.mtb-8{margin-top: 8px;margin-bottom: 8px;}
.mtb-12{margin-top: 12px;margin-bottom: 12px;}
.mtb-16{margin-top: 16px;margin-bottom: 16px;}
.mtb-20{margin-top: 20px;margin-bottom: 20px;}
/*内边距*/
.p-4{padding: 4px;}
.p-8{padding: 8px;}
.p-12{padding: 12px;}
.p-16{padding: 16px;}
.p-20{padding: 20px;}
.pl-4{padding-left: 4px;}
.pl-8{padding-left: 8px;}
.pl-12{padding-left: 12px;}
.pl-16{padding-left: 16px;}
.pl-20{padding-left: 20px;}
.pr-4{padding-right: 4px;}
.pr-8{padding-right: 8px;}
.pr-12{padding-right: 12px;}
.pr-16{padding-right: 16px;}
.pr-20{padding-right: 20px;}
.pt-4{padding-top: 4px;}
.pt-8{padding-top: 8px;}
.pt-12{padding-top: 12px;}
.pt-16{padding-top: 16px;}
.pt-20{padding-top: 20px;}
.pb-4{padding-bottom: 4px;}
.pb-8{padding-bottom: 8px;}
.pb-12{padding-bottom: 12px;}
.pb-16{padding-bottom: 16px;}
.pb-20{padding-bottom: 20px;}
.plr-4{padding-left: 4px;padding-right: 4px;}
.plr-8{padding-left: 8px;padding-right: 8px;}
.plr-12{padding-left: 12px;padding-right: 12px;}
.plr-16{padding-left: 16px;padding-right: 16px;}
.plr-20{padding-left: 20px;padding-right: 20px;}
.ptb-4{padding-top: 4px;padding-bottom: 4px;}
.ptb-8{padding-top: 8px;padding-bottom: 8px;}
.ptb-12{padding-top: 12px;padding-bottom: 12px;}
.ptb-16{padding-top: 16px;padding-bottom: 16px;}
.ptb-20{padding-top: 20px;padding-bottom: 20px;}